@import url("fonts.css");
*{padding:0;margin:0;border:none;outline:none}
*:focus{outline:none}
section,nav,article,aside,hgroup,header,footer{display:block}
time,mark{display:inline}
body{font:normal normal 14px/22px "BebasNeue_Regular","Arial Narrow",Arial,Sans-Serif;color:#555;background-color:white;text-align:center}
#outer-wrapper{text-align:left}
#Label1 ul li{float:left;width:45%;list-style-type:none}
h1,h2,h3,h4,h5,h6{font-family:"BebasNeue_Regular","Arial Narrow",Arial,Sans-Serif;font-weight:normal;line-height:normal;margin:0.7em 0 .7em}
h1{font-size:315%}
h2{font-size:270%}
h3{font-size:200%}
h4{font-size:180%}
h5{font-size:150%}
h6{font-size:120%}
a{color:#ba954f;text-decoration:none}
a:hover{color:#dabc83}
a img{border:0}
abbr,acronym{border-bottom:1px dotted}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
table[border="1"] td,table[border="1"] th{border:1px solid #555;padding:.5em 1em}
.clear{clear:both}
.left{float:left}
.right{float:right}
.hidden{display:none}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0px 0 0 0);clip:rect(0px,0px,0px,0px);height:1px;width:1px;margin:-1px 0 0;padding:0;border:0}
.moderate-visually-hidden{position:absolute;top:-9999px;left:-9999px}
img.left,.separator.left{margin:.4em 15px 10px 0}
img.right,.separator.right{margin:.4em 0 10px 15px}
img.center,.separator.center,.separator.center img{margin:0 auto;text-align:center;display:block}
.separator.center img,img.center{margin:0 auto 1.5em}
#main-wrapper{margin:0 auto}
#content{margin:0 auto}

.post{width:90%;padding:0 0 65px;margin:100px auto 0}
.post:not([data-author]){display:none}
.post-title{display:block;margin:20px 0 30px 0;text-align:center}
.post-body p{margin:0 0 1.5em;position:relative}
.post-body p.no-margin{margin:0 0}
.post-body div+p,.post-body .separator+p,.post-body .center+p,.post-body form+p,.post-body pre+p,.post-body blockquote+p{margin-top:1.5em}
blockquote{border-left:4px solid #ccc;padding:.7em 1.4em;margin:10px 2%}
blockquote p:only-child,blockquote p:last-child{margin:0 0;padding:0 0}
.post ol,.post ul{margin:10px 20px}
.post-footer{font-size:96%;margin:50px 0 0;.post-footer{text-transform: Capitalize;}}
.post-footer abbr{border:none}
#blog-pager{text-align:center;overflow:hidden;margin:0 0}
#threaded-comment-form{margin:1.7em 0 0;max-width:500px;background:transparent url('#') no-repeat 50% 46%}
#comment-editor{display:block;width:100%;height:410px;margin:15px 0 0}
.comments{clear:both;background-color:black;margin:0 auto;padding:30px 5%;color:#666;font-size:88%;line-height:16px}
.comments a{color:#999}
.comments h4{font-size:140%;text-transform:uppercase}
.comments .comments-content{margin:0 0 16px}
.comments .comment-actions a{padding:5px 5px 0 0}
.comments .comment-thread ol{list-style-type:none;padding:0;text-align:left}
.comments .inline-thread{padding:.5em 1em}
.comments .comment-thread{margin:2px 0 0}
.comments .comment-thread:empty{display:none}
.comments .comment-replies{margin:1.3em 0 0 70px;background-color:#222;border:1px solid #333}
.comments .comment{margin:0 0 16px;padding:0 0}
.comments .comment:first-child,.comments .comment-replies .comment:first-child,.comments .comment-replies .comment:only-child{padding:16px 0 0}
.comments .comment:last-child{border-bottom:none;padding:0 0}
.comments .comment-body{position:relative}
.comments .user{font-style:normal;font-weight:bold}
.comments .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px;background:transparent url("") no-repeat 0 0}
.comments .datetime{margin:0 0 0 6px}
.comments .comment-header,.comments .comment-content{margin:0 0 8px}
.comments .comment-content{text-align:justify}
.comments .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:250px;width:100%}
.comments .comment-replybox-single{margin:5px 0 0 48px}
.comments .comment-replybox-thread{margin:5px 0 0}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .continue{cursor:pointer}
.comments .continue a{display:block;font-weight:bold;padding:.5em}
.comments .loadmore{cursor:pointer;margin:3em 0 0;max-height:3em}
.comments .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;width:7px;height:7px;margin:.3em .3em 0 0;overflow:visible;padding:0 4px 0 0}
.comments .thread-expanded .thread-arrow,#blog-pager a.home-link.active{background:url("../images/arrowdown.png") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow,#blog-pager a.home-link{background:url("../images/arrowright.png") no-repeat scroll 0 0 transparent}
#blog-pager a.home-link,#blog-pager a.home-link.active{padding-left:12px;background-position:0 4px}
.comments .avatar-image-container{float:left;max-width:none;max-height:none;overflow:hidden;width:42px;height:42px;padding:4px;border:1px solid #222}
.comments .avatar-image-container img{border:none;max-width:none;max-height:none;width:42px;height:42px}
.comments .comment-replies .avatar-image-container{border-color:#333}
.comments .comment-block{margin:0 0 0 70px;position:relative}
img.emo{display:inline-block;vertical-align:middle}
#comment-holder .cm-youtube{display:block;border:none!important;background-color:#333;width:370px;height:218px;margin:0 auto 30px}
#comment-holder .cm-image{display:block;margin:0 auto 15px;outline:none;border:1px solid #ccc;background-color:white;box-shadow:0 1px 3px rgba(0,0,0,0.2);padding:5px}
#comment-holder i[rel="image"],#comment-holder i[rel="youtube"]{display:block;overflow:hidden;border:2px solid black;position:relative;width:170px;height:100px;margin:0 auto 30px}
#comment-holder i[rel="image"]:before,#comment-holder i[rel="youtube"]:before{content:"Please enable your JavaScript to see this image!";position:absolute;top:0;right:0;bottom:0;left:0;background-color:red;color:white;font-weight:bold;text-align:center;padding:15px 0}
#comment-holder i[rel="youtube"]:before{content:"Please enable your JavaScript to watch this video!"}
#blog-pager a{color:#999}
#blog-pager{font-size:120%;color:#999;text-transform:uppercase;line-height:16px;background-color:#333;padding:11px 18px;margin:0 0}
section.footerme{position:relative;margin:0 auto;width:100%;color:#444;text-align:left;z-index:2;font-size:12px;background-color:rgb(34,34,34);background-image:url(../images/arrowtop.png);background-repeat:repeat-x;background-position:top center;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.9) inset;-moz-box-shadow:0 2px 5px rgba(0,0,0,.9) inset;box-shadow:0 2px 5px rgba(0,0,0,.9) inset}
section.footerme div.footer-body{background-color:rgb(34,34,34)}
section.footerme a{color:#999;text-decoration:none}
section.footerme a:hover{color:#666;text-decoration:none;border-bottom:1px dotted #666}
section.footerme article.footergrid{width:100%;margin:0 auto;text-align:left;font-size:120%;padding-bottom:20px;letter-spacing:1px}
section.footerme article.footergrid section.footergrid-one{width:20%;float:left;text-align:right}
section.footerme article.footergrid section.footergrid-two{width:20%;float:left}
section.footerme article.footergrid section.footergrid-three{width:50%;float:left}
section.footerme p{font-size:12px}
section.footerme article.footergrid section.footergrid-one h5,section.footerme article.footergrid section.footergrid-two h5,section.footerme article.footergrid section.footergrid-three h5{padding:0 0 4px 0;font-size:29px;font-family:"BebasNeue_Regular","Arial Narrow",Arial,Sans-Serif;color:#444;text-shadow:0 -1px 1px hsla(0,0%,0%,.8);text-transform:uppercase}
section.footerme article.footergrid li,section.footerme article.footergrid section.footergrid-three h5{padding:4px;background-image:url(../images/borderlong.png);background-position:bottom left;background-repeat:no-repeat}
section.footerme article.footergrid section.footergrid-two h5{padding:4px;background-image:url(../images/border.png);background-position:bottom left;background-repeat:no-repeat}
section.footerme article.footergrid section.footergrid-one h5{padding:4px;background-image:url(../images/border.png);background-position:bottom left;background-repeat:no-repeat;font-family:"BebasNeue_Regular","Arial Narrow",Arial,Sans-Serif}
.footergrid-left,.footergrid-center,.footergrid-right{width:3%;height:1px;float:left}
.footer-img{width:130px;position:relative;overflow:hidden;float:left}
.footer-img img{border:#444 solid 4px;border-radius:160px;-moz-border-radius:160px;-webkitborder-radius:160px}
a.fb,a.twitter,a.google-plus{border:#444 solid 4px;border-radius:160px;border-radius:50px;transition:all 0.2s ease-out}
.profilcon img:hover{opacity:0.9}
img.profile-img{width:90px!important;height:90px!important;margin:3px 10px 0 0px;float:left!important}
.icon-profil{margin:10px 0 20px 20px}
.icon-profil ul{margin-left:85px;padding-left:40px}
.icon-profil p{line-height:16px;padding-bottom:1px!important}
.icon-profil p a{text-decoration:none}
a.fb{background-image:url(../images/iconfoot.png);background-repeat:no-repeat;background-position:0 -99px;width:21px;height:21px;position:absolute;top:6px;right:5px}
a.twitter{background-image:url(../images/iconfoot.png);background-repeat:no-repeat;background-position:-2px -124px;width:18px;height:18px;position:absolute;top:40px;right:2px}
a.google-plus{background-image:url(../images/iconfoot.png);background-repeat:no-repeat;background-position:-2px -146px;width:16px;height:16px;position:absolute;top:72px;right:9px}
a.fb:hover{border:4px solid #5e83cf!important;box-shadow:0 0 10px #3b5998,0 1px 3px #000!important;-webkit-box-shadow:0 0 10px #3b5998,0 1px 3px #000!important;-moz-box-shadow:0 0 10px #3b5998,0 1px 3px #000!important}
a.twitter:hover{border:4px solid #45c6e3!important;box-shadow:0 0 10px #45c6e3,0 1px 3px #000!important;-webkit-box-shadow:0 0 10px #45c6e3,0 1px 3px #000!important;-moz-box-shadow:0 0 10px #45c6e3,0 1px 3px #000!important}
a.google-plus:hover{border:4px solid #e36347!important;box-shadow:0 0 10px #e36347,0 1px 3px #000!important;-webkit-box-shadow:0 0 10px #e36347,0 1px 3px #000!important;-moz-box-shadow:0 0 10px #e36347,0 1px 3px #000!important}
nav ul.menu-3 li{padding:4px 0 !important;margin:0!important;background-image:url(../images/border.png)!important;background-position:bottom center!important;background-repeat:no-repeat!important;list-style:none}
nav ul.menu-3 li a{background-image:url(../images/iconfoot.png);background-repeat:no-repeat;margin:0;padding:0 0 0 26px;line-height:16px;text-decoration:none}
nav ul.menu-3 li.blogger a{background-position:0 -4px}
nav ul.menu-3 li.g-site a{background-position:0 -28px}
nav ul.menu-3 li.disqus a{background-position:0 -77px}
nav ul.menu-3 li.w3c a{background-position:0 -53px}
#footerbawah{color:rgb(113,113,114);position:relative;z-index:2;font-size:11px;background-color:rgb(18,19,20);background-repeat:no-repeat;background-position:center top;margin:0;padding:20px 0;box-shadow:0 1px 2px rgba(0,0,0,0.9),0px -2px 4px rgba(0,0,0,0.3),0px 1px 0 rgba(255,255,255,0.2) inset}
.footerr{width:1000px;margin:0 auto}
.copyright{font-family:Palatino,"Palatino Linotype",Georgia,Times,Serif;text-align:right;line-height:16px;float:left;width:268px;margin:0 auto}
.copyright-m2{float:left;width:20px;height:1px}
.copyleft{float:left;width:668px}
#socialnetwork{margin:0 auto}
.copyleft-m1{float:left;width:22px;height:1px}
#socialnetwork li{list-style:none;float:left}
#socialnetwork a{display:block;position:relative;clear:both;margin:0 auto;padding:0 10px 0 0}
#socialnetwork span{opacity:0.4;width:24px;height:24px;display:block;border:4px solid #404040;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
#socialnetwork span:hover{border:4px solid #272728;opacity:0.9;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
#socialnetwork .social-icon{background-image:url(../images/iconsocial.png);background-color:transparent;background-repeat:no-repeat}
#footerbawah a:link,#footerbawah a:visited,#footerbawah a:hover{color:#717172}
.opacity #socialnetwork .social-icon{opacity:0.85}
.opacity #socialnetwork a:hover .social-icon{opacity:0.6}
#socialnetwork .facebook{background-position:0 -28px}
#socialnetwork .flickr{background-position:0 -87px}
#socialnetwork .vimeo{background-position:0 -233px}
#socialnetwork .youtube{background-position:0 -291px}
#socialnetwork .linkedin{background-position:0 -322px}
#socialnetwork .googleplus{background-position:0 -353px}
#socialnetwork .dribbble{background-position:0 -205px}
#socialnetwork .tumblr{background-position:0 -177px}
#socialnetwork .skype{background-position:0 -262px}
#socialnetwork .delicious{background-position:0 -149px}
#socialnetwork .digg{background-position:0 -117px}
#socialnetwork .rss{background-position:0 -57px}
#StoTop{height:15px;background:#000 url(../images/top.png) no-repeat center center;width:45px;text-align:center;padding-top:50px;letter-spacing:1px;text-shadow:1px 1px 1px #000;border:1px solid #333;position:fixed!important;bottom:3%;right:10px;line-height:5px;cursor:pointer;opacity:0.8;z-index:2;}#StoTop a{bottom:1%}
#StoTop:hover{opacity:1.0}
#nav{background:#111;border-bottom:2px solid #000;left:0;top:0;z-index:12;width:100%;height:50px;font:normal normal 13px/1.4 "BebasNeue_Regular","Arial Narrow",Arial,Sans-Serif}
#headerpost{margin:0 auto;width:100%}
.logotop{top:0;position:relative;left:20px;float:left;height:130px;width:70px}
.logotop a{background:url(../images/logoku.png) no-repeat left;display:block;height:130px;width:70px}
#bawahtop{margin:15px 0 0 100px;list-style:none outside none;width:87%;position:absolute}
#bawahtop li.home-icon a{background:url(../images/home.png) no-repeat left top;display:block;width:16px;height:16px;padding-right:0;padding-left:0;text-indent:-999em;overflow:hidden;margin-right:10px}
#bawahtop li{list-style:none;float:left;position:relative;height:auto;}
ul.pagenav{overflow:hidden}
ul.pagenav li{display:block;float:left}
ul.pagenav li a{background:url(../images/mainnav-sep.gif) no-repeat left center;color:#666;font:normal normal 13px/1.4 "BebasNeue_Regular","Arial Narrow",Arial,Sans-Serif;font-size:19px;font-weight:normal;margin:0;padding:0 14px;text-shadow:1px 1px 1px #000;}
ul.pagenav li.last-item a{padding-right:0}
ul.pagenav li a:hover,ul.pagenav li a:focus,ul.pagenav li a:active{color:#999;text-decoration:none}
#header_top_right{position:absolute;top:0;right:0;z-index:5;width:20%;}
#searchform input{display:block;background-color:#222;color:white;font:normal normal 11px Verdana,Tahoma,Arial,Sans-Serif;padding:5px 5px;border:1px solid #333;width:100%;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
.search-terms{color:#c5462b}
#search-result{font-family:Palatino,"Palatino Linotype",Georgia,Times,Serif;background-color:#333;color:#999;border:1px solid #3c3c3c;padding:15px 15px;font-size:90%;width:200px;max-height:1000px;overflow:auto;box-shadow:0 1px 3px rgba(0,0,0,.4);position:absolute;top:30px;display:none;}
#search-result ul{margin:0 0 30px;padding:0 0;color:#444}
#search-result li{margin:0 10px 0 10px;padding:0 0;list-style-type:circle}
